<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib uri="http://www.opensymphony.com/sitemesh/page" prefix="page" %>

 <html class="no-js" lang="en" >

<head>
	<meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Shopen - A Business Template</title>

	<!-- Stylesheet
	================================================== -->
	<link rel="stylesheet" href="style.css">

	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="images/favicon.ico">
	<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">

	<script src="js/vendor/custom.modernizr.js"></script>

</head>
<body>

		<jsp:include page ="header.jsp"/>
		<div class="large-8 columns">

			<div class="row">
				<div class="large-12 columns">

            		<div class="content woocommerce-columns-4">

                    	<div class="singletop">
                            <div class="search">
                                <form method="get" action="#">
									<input id="s" type="text" value="Search" name="s">
                                </form>	
                            </div>
                            <nav class="breadcrumbs">
                              <a href="#">Accueil</a>
                              <a href="#">Boutique</a>
                              <a class="current" href="#">Détails</a>
                            </nav>
                        </div>
                       
                        
                        <div class="single-shop clearing-container">
                        	<div class="row">
                                <div class="large-6 entry columns">
                                <a href="img/12_product.png" data-gal="prettyPhoto" rel="prettyPhoto">
                                    <img width="710" height="710" alt="" src="img/12_product.png">
                                    <span class="magnifier"></span>
                                </a>
                                </div>
                        
 							<div class="large-6 columns">
                                <div class="summary">
                                <h1>Single Shop Page </h1>
                                    <p class="price">
                                        <del><span class="amount">£15</span></del>
                                        <ins><span class="amount">£12</span></ins>
                                    </p>
                                    <div itemprop="description">
                                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
                                    </div>
                                    
                                    <form class="cart" enctype="multipart/form-data" method="post">
                                    	<div class="small-6 columns">
                                        <div class="quantity buttons_added">
                                        <input class="minus" type="button" value="-">
                                        <input class="input-text qty text" type="number" title="Qty" value="1" name="quantity" min="1" step="1">
                                        <input class="plus" type="button" value="+">
                                        </div>
                                        </div>
                                    	<div class="small-6 columns">
                                        <input type="hidden" value="70" name="add-to-cart">
                                        <button class="single_add_to_cart_button button alt" type="submit">Add to cart</button>
                                        </div>
                                    </form>
                                    
                                    <div class="product_meta">
                                        <span class="posted_in">
                                            Category: <a rel="tag" href="#">Posters</a>
                                        </span>
                                    </div>
                                </div>
                            </div><!-- End large 6 -->
                            </div>

                            <div id="tab-description" class="section-container auto clearing-container" data-section>
                              <section class="active">
                                <p class="title" data-section-title><a href="#panel1">Item Description</a></p>
                                <div class="content" data-section-content>
                                  <h3>Product Description</h3>
                                  <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
                                </div>
                              </section>
                              <section>
                                <p class="title" data-section-title><a href="#panel2">Reviews (6)</a></p>
                                <div class="content" data-section-content>
                                  <h3>3 Reviews for Single Shop Page</h3>
                                  
                                    <ol class="commentlist clearing-container">
                                    <li class="clearing-container">
                                        <div class="comment_container">
                                            <img class="authorimg clearing-featured-img" width="60" height="60" src="img/01_author.png" alt="">
                                            <div class="comment-text">
                                                <div class="star-rating" title="Rated 4 out of 5">
                                                    <span style="width:80%">
                                                    <strong itemprop="ratingValue">4</strong>
                                                    out of 5
                                                    </span>
                                                </div>
                                                <span class="meta">
                                                    <strong itemprop="author">John Doe</strong>
                                                    <time>Oct 12, 2013</time>
                                                </span>
                                                <div class="description" itemprop="description">
                                                    <p>Really happy with this print. The colors are great, and the paper quality is good too.</p>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="clearing-container">
                                        <div class="comment_container">
                                            <img class=" authorimg clearing-featured-img" width="60" height="60" src="img/01_author.png" alt="">
                                            <div class="comment-text">
                                                <div class="star-rating" title="Rated 2 out of 5">
                                                    <span style="width:40%">
                                                    <strong itemprop="ratingValue">2</strong>
                                                    out of 5
                                                    </span>
                                                </div>
                                                <span class="meta">
                                                    <strong itemprop="author">John Doe</strong>
                                                    <time>Oct 12, 2013</time>
                                                </span>
                                                <div class="description" itemprop="description">
                                                    <p>Really happy with this print. The colors are great, and the paper quality is good too.</p>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    </ol>
                                </div>
                              </section>
                            </div>
     
     					<div class="box related clearing-container">
                        <h3 class="widget-title">
                            <span>Related Products</span>
                        </h3>

							<ul class="products">
                              <li class="product entry first">
                                <a href="single-shop.html"><img width="710" height="710" src="img/02_product.png" class="" alt="" /></a>
                                    <div class="item-wrapper">
                                        <a href="single-shop.html">
                                            <h3>Green Boot</h3>
                                            <div class="star-rating" title="Rated 4.00 out of 5">
                                                <span style="width:80%"><strong class="rating">4.00</strong> out of 5</span>
                                            </div>
                                            <span class="price"><del><span class="amount">&pound;15</span></del> <ins><span class="amount">&pound;12</span></ins></span>
                                        </a>
                                        <a href="single-shop.html" rel="nofollow" class="button small">Add to cart</a>
                                    </div><!-- /.item-wrapper -->
                              </li>
            
                              <li class="product entry">
                                <a href="single-shop.html"><img width="710" height="710" src="img/03_product.png" class="" alt="" /></a>
                                    <div class="item-wrapper">
                                        <a href="single-shop.html">
                                            <span class="onsale">Sale!</span>
                                            <h3>Navy Long Boot</h3>
                                            <div class="star-rating" title="Rated 4.00 out of 5">
                                                <span style="width:80%"><strong class="rating">4.00</strong> out of 5</span>
                                            </div>
                                            <span class="price"><del><span class="amount">&pound;15</span></del> <ins><span class="amount">&pound;12</span></ins></span>
                                        </a>
                                        <a href="single-shop.html" rel="nofollow" class="button small">Add to cart</a>
                                    </div><!-- /.item-wrapper -->
                              </li>
                              
                              <li class="product entry">
                                <a href="single-shop.html"><img width="710" height="710" src="img/05_product.png" class="" alt="" /></a>
                                    <div class="item-wrapper">
                                        <a href="single-shop.html">
                                            <span class="onsale">Sale!</span>
                                            <h3>#2 Navy Boot</h3>
                                            <div class="star-rating" title="Rated 4.00 out of 5">
                                                <span style="width:80%"><strong class="rating">4.00</strong> out of 5</span>
                                            </div>
                                            <span class="price"><del><span class="amount">&pound;15</span></del> <ins><span class="amount">&pound;12</span></ins></span>
                                        </a>
                                        <a href="single-shop.html" rel="nofollow" class="button small">Add to cart</a>
                                    </div><!-- /.item-wrapper -->
                              <li class="product entry last">
                                <a href="single-shop.html"><img width="710" height="710" src="img/10_product.png" class="" alt="" /></a>
                                    <div class="item-wrapper">
                                        <a href="single-shop.html">
                                            <h3>Black Metalic Boot</h3>
                                            <div class="star-rating" title="Rated 4.00 out of 5">
                                                <span style="width:80%"><strong class="rating">4.00</strong> out of 5</span>
                                            </div>
                                            <span class="price"><del><span class="amount">&pound;15</span></del> <ins><span class="amount">&pound;12</span></ins></span>
                                        </a>
                                        <a href="single-shop.html" rel="nofollow" class="button small">Add to cart</a>
                                    </div><!-- /.item-wrapper -->
                                    
                              </li>
                            </ul>               
                        </div>
     
                        </div><!-- Single wrapper -->
					</div><!-- Content -->
  

				</div><!-- large 12 -->
			</div><!-- end row -->
            
		</div><!-- end large 8 -->
	</div><!-- end wrapper -->


	<jsp:include page="footer.jsp"/>
    

  <script>
      document.write('<script src=/js/vendor/'
        + ('__proto__' in {} ? 'zepto' : 'jquery')
        + '.js><\/script>');
    </script>

	<script src="http://code.jquery.com/jquery-latest.min.js"></script>
	<script src="js/jquery.flexslider.js"></script>
    <script src="js/tinynav.min.js"></script>
	<script src="js/menu_min.js"></script>
	<script src="js/foundation/foundation.section.js"></script>
	<script src="js/foundation.min.js"></script>
	<script src="js/jquery.prettyPhoto.js"></script>
	<script src="js/script.js"></script>
   
  <script>
    $(document).foundation();
  </script>
   
</body>
</html>
